div#menu
{
	/*width:80px;*/
	
	position:relative;
	
	width:580px;
	
	padding:0 40px 7px 40px;
	
	height:100px; /* 93 de hauteur + padding-bottom de 7px plus grande zone de clickabilite et arrondie de la valeur */
	margin:auto;
	top:12px;
}

#menu a:link, #menu a:visited {text-decoration:none;} 
#menu div.pann
{
	height:70px;
	width:330px;
	
	position:absolute;
	z-index:500; /*pour �tre au-dessus du menu*/
}
#menu div#pann1
{
	background:#111a1c url(../images/log.png) right bottom no-repeat;
	
	bottom:14px;
	left:0;
}
#menu div#pann2
{
	background:#111a1c url(../images/lod.png) left bottom no-repeat;
	
	bottom:14px;
	right:0;
}
#menu div#nav
{
	border-top:solid 1px #273337;
	width:580px;
	margin:auto;
	height:45px;
	background:#1b282c;
}
#menu div#btn_menu
{
	width:82px;
	height:47px;
	margin:auto;
	margin-bottom:-24px;/*mouais*/
	z-index:1000; /*pour �tre au dessus du masque*/
	position:relative;
}
#menu ul
{
	font-size:14px;
	padding-top:17px;
	color:#FFF;
	float:left;
}
#menu ul a:link, #menu ul a:visited {color:#FFF;} 
#menu ul li
{
	float:left;
	list-style-type:none;
	display:block;
	
	height:27px;
	line-height:27px;
	padding:0 20px;
	border-right:solid 1px #bd2c04;
	text-align:center;
	min-width:38px;
}
#menu ul li:hover
{
	background:url(../images/hover_btn_menu.png) repeat-x;
}
#menu ul.sous_menu, div.sous_menu /*pour les menus sans sous onglets*/
{
	/*height:24px; // 25 px de hauteur moins la border-top 1px */
	
	/*** height plus grand pour le survol test n�1 ***/
	height:53px; /* m�me pas peur pour la taille on me dit plus grand : je fais plus grand */
	background:/*purple*/ url(../images/fond_sous_menu2.jpg) repeat-x; /* test de couleur au survol */ /* GAB-NOUVEAU */
	background-position: 0px 9px; /* Fourberie pour faire d�passer le 2e niveau */
	
	color:#1b282c;
	margin-top:-9px; /* Fourberie pour faire d�passer le 2e niveau */
	padding-top:9px; /* Fourberie pour faire d�passer le 2e niveau */
	
	position:absolute;
	z-index:0; /*pour le cacher derri�re les panneaux*/
	left:40px;
	
	width:487px; /*//!A 527px quand il y aura la boutique*/
}
#menu div#fond_defaut{
	width:580px; /*pour le fond blanc*/
}
#menu ul.sous_menu a:link, #menu ul.sous_menu a:visited {color:#1b282c;} 
#menu ul.sous_menu
{
	display:none;
}

#menu ul li:hover ul.sous_menu, ul li:hover div.sous_menu /*pour les menus sans sous onglets*/
{
	display:block;
}

#menu ul.sous_menu li
{
	height:24px;
	line-height:24px;
	padding:0;
	margin-top:1px;
}
#menu ul.sous_menu li a
{
	/*** height plus grand pour le survol test n�1 ***/
	height:53px; /* du coup le <a> est plus grand que le <li> qui le contient est-ce emb�tant ? */
	/*background:blue; test de couleur au survol */
	display:inline-block;
	color:#1b282c;
	
	padding:0 10px;
}
#menu ul.sous_menu li:hover
{
	background:url(../images/hover_btn_ss_menu.png) repeat-x;
	color:#FFF;
}
#menu ul.sous_menu a:hover {color:#FFF;} 

/* NOTIFICATIONS */

#menu ul li span.notification
{
	display:block;
	float:right;
	width:15px;
	height:18px;
	line-height:17px;
	background:url(../images/notifs.png) no-repeat;
	color:#FFF;
	font-size:10px;
	text-align:center;
	margin-left:4px;
}